<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<f:view contentType="text/html">
	<h:head>
		<title><ui:insert name="title">Bandeja de Entrada</ui:insert>
		</title>
		<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
		<link type="text/css" rel="stylesheet" href="css/default.css" />
		<link type="text/css" rel="stylesheet" href="themes/owner/skin.css" />
		<link type="text/css" rel="stylesheet"
			href="syntaxhighlighter/styles/syntaxhighlighter.css" />
		<style type="text/css">
.ui-widget {
	font-size: 75%;
}

.nestedUnit {
	border: 0px none !important
}

.ui-layout-center .ui-layout-resizer {
	border: 1px solid #A8A8A8;
}

.ui-tree-item span {
	float: left;
}

.ui-tree {
	border: 0px none;
}

.ui-tabs {
	border: 0px none;
}
</style>
<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
	</h:head>

	<h:body>

		<p:layout fullPage="true">

			<p:layoutUnit position="top" height="40">
				<p:commandButton value="Cambiar Contraseña"
					onclick="composeDlg.show()" type="button"
					image="ui-icon ui-icon-document" />
			</p:layoutUnit>

			<p:layoutUnit position="left" width="200" resizable="true"
				collapsible="true" header="MENU DE OPCIONES" minWidth="100"
				maxWidth="300">
				<h:form>
					<p:menu model="#{loginBM.mimenu}" position="center" />
				</h:form>
			</p:layoutUnit>
			<!-- FRAME DEL CUERPO DE LA BANDEJA -->

			<p:layoutUnit position="center">
				<p:layoutUnit resizable="true" position="top"
					styleClass="nestedUnit" size="50%">
					<p:tabView>
						<p:tab title="Bandeja de Expedientes">
							<p:ajaxStatus>
								<f:facet name="start">
									<h:graphicImage value="design/ajaxloading.gif" />
								</f:facet>
								<f:facet name="complete">
									<h:outputText value="" />
								</f:facet>
							</p:ajaxStatus>
							<h:form id="formCenter">
								<p:dataTable var="e" value="#{loginBM.lstExpediente}"
									paginator="true" selectionMode="single"
									selection="#{loginBM.objBandeja}"
									emptyMessage="No se encuentran Expedientes"
									paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
							{PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
									rowsPerPageTemplate="5,10,15" onRowSelectUpdate=":formBottom"
									update="formBottom" rows="5" >
									<f:facet name="header">  
          				  Lista de Expedientes  
        				</f:facet>
									<p:column sortBy="#{e.descripcionDocumentoInterno}"
										filterBy="#{e.descripcionDocumentoInterno}}">
										<f:facet name="header">
											<h:outputText value="Tipo de Documento" />
										</f:facet>
										<h:outputText value="#{e.descripcionDocumentoInterno}" />
									</p:column>


									<p:column sortBy="#{e.fechaRegistro}"
										filterBy="#{e.fechaRegistro}">
										<f:facet name="header">
											<h:outputText value="Fecha de Registro" />
										</f:facet>
										<h:outputText value="#{e.fechaRegistro}" />
									</p:column>

									<p:column sortBy="#{e.observacion}" filterBy="#{e.observacion}">
										<f:facet name="header">
											<h:outputText value="Asunto" />
										</f:facet>
										<h:outputText value="#{e.observacion}" />
									</p:column>

									<p:column sortBy="#{e.descripcionEstado}"
										filterBy="#{e.descripcionEstado}">
										<f:facet name="header">
											<h:outputText value="Estado del Documento" />
										</f:facet>
										<h:outputText value="#{e.descripcionEstado}" />
									</p:column>

									<p:column sortBy="#{e.nombreRemitente}"
										filterBy="#{e.nombreRemitente}">
										<f:facet name="header">
											<h:outputText value="Remitente" />
										</f:facet>
										<h:outputText value="#{e.nombreRemitente}" />
									</p:column>

									<p:column sortBy="#{e.fechaFin}" filterBy="#{e.fechaFin}">
										<f:facet name="header">
											<h:outputText value="Fecha Fin" />
										</f:facet>
										<h:outputText value="#{e.fechaFin}" />
									</p:column>

									<p:column sortBy="#{e.descripcionArea}"
										filterBy="#{e.descripcionArea}">
										<f:facet name="header">
											<h:outputText value="Area Remitente" />
										</f:facet>
										<h:outputText value="#{e.descripcionArea}" />
									</p:column>

								</p:dataTable>
							</h:form>
						</p:tab>
					</p:tabView>
				</p:layoutUnit>
			</p:layoutUnit>

			<p:layoutUnit position="bottom" collapsible="true" height="300"
				resizable="true" id="MiBottomLayout">
				<h:form id="formBottom">
					<p:tabView id="miDetalleExpediente">
						<p:tab title="Detalle del Expediente">
							<p:outputPanel id="display" autoUpdate="true">
								<h:panelGrid columns="6" cellpadding="2">

									<h:outputText value="Tipo de Documento" />
									<h:inputText
										value="#{loginBM.objBandeja.descripcionDocumentoInterno}"
										disabled="true" />

									<h:outputText value="Codigo de Documento" />
									<h:inputText value="#{loginBM.objBandeja.codigoDocumento}"
										disabled="true" />

									<h:outputText value="Fecha de Registro" />
									<h:inputText value="#{loginBM.objBandeja.fechaRegistro}"
										disabled="true" size="30" />

									<h:outputText value="Fecha de Fin" />
									<h:inputText value="#{loginBM.objBandeja.fechaFin}"
										disabled="true" size="30" />

									<h:outputText value="Estado del Documento" />
									<h:inputText value="#{loginBM.objBandeja.descripcionEstado}"
										disabled="true" size="30" />

									<h:outputText value="Remitente" />
									<h:inputText value="#{loginBM.objBandeja.nombreRemitente}"
										disabled="true" size="50" />

									<h:outputText value="Area Remitente" />
									<h:inputText value="#{loginBM.objBandeja.descripcionArea}"
										disabled="true" size="50" />

									<h:outputText value="Observaciones" />
									<h:inputTextarea value="#{loginBM.objBandeja.observacion}"
										disabled="true" rows="5" />
									<h:outputText value="Id de Documento" />
									<h:inputText
										value="#{loginBM.objBandeja.idDocumentoMovimiento}"
										disabled="true" />

									<h:outputText value="Cambiar de contraseña: " />
									<p:password promptLabel="Ingrese su contraseña"
										weakLabel="Debil" minLength="5" goodLabel="Bueno"
										strongLabel="Muy Fuerte" />
								</h:panelGrid>
							</p:outputPanel>
						</p:tab>
						<p:tab title="Detalle del Expediente para Derivar">
							<h:panelGrid columns="4" cellspacing="4">

								<h:outputText value="Codigo del Documento :" />
								<h:outputText value="#{loginBM.objBandeja.codigoDocumento}" />
								<p:spacer />
								<p:spacer />
								<h:outputText value="Areas:" />
								
								<h:selectOneListbox value="#{loginBM.idComboAreas}" size="1" 
									id="areasIB" style="width:300px">
									<f:selectItem itemLabel="---Seleccione un Área----"
										itemValue="-1" />
									<f:selectItems value="#{loginBM.listarAreas}" />
									<p:ajax update="usuarioIB" process="areasIB" event="change" actionListener="#{loginBM.ChangedUsuariosbyArea}" />
								</h:selectOneListbox>

								<h:outputText value="Usuarios:" />

								<h:selectOneListbox value="#{loginBM.idComboUsuario}" size="1" id="usuarioIB"
									style="width:300px">
									<f:selectItem itemLabel="---Seleccione un Usuario----" />
									<f:selectItems value="#{loginBM.listarUsuarios}" />
								</h:selectOneListbox>


								<h:outputText value="Acciones " />


								<p:scrollPanel style="height:70px ">
									<h:selectManyCheckbox value="#{loginBM.selectedOptions}"
										layout="pageDirection">
										<f:selectItems value="#{loginBM.listaAcciones}" />
									</h:selectManyCheckbox>
								</p:scrollPanel>

								<p:commandButton value="Enviar" id="boton" onclick="confirmation.show()" type="button"  />
								<p:confirmDialog message="Seguro de Derivar el Expediente?"
									showEffect="bounce" hideEffect="explode" header="Confirmacion"
									severity="alert" widgetVar="confirmation">
									<p:commandButton value="Si" update="messages"
										oncomplete="confirmation.hide()"
										actionListener="#{loginBM.insertarMovimientoDocumento}" />
									<p:commandButton value="No" onclick="confirmation.hide()"
										type="button" />
								</p:confirmDialog>

								<p:spacer />
								<h:outputText value="Observación" />
								<h:inputTextarea value="#{loginBM.observacion}" rows="3"
									cols="46" />


							</h:panelGrid>
						</p:tab>
					</p:tabView>
				</h:form>
			</p:layoutUnit>
		</p:layout>


		<p:dialog widgetVar="composeDlg" modal="true"
			header="Cambiar Contraseña" width="530" showEffect="fade"
			hideEffect="fade">
			<h:form>
				<p:panel>
					<h:panelGrid columns="2" cellspacing="5">
						<h:outputText value="Cambiar de contraseña: " />
						<p:password promptLabel="Ingrese su contraseña" weakLabel="Debil"
							goodLabel="Bueno" strongLabel="Muy Fuerte" />
						<h:outputText value="Escriba su contraseña nuevamente" />
						<h:inputSecret value="" />
					</h:panelGrid>
					<p:commandButton value="Cambiar" onclick="composeDlg.hide()" />
					<p:commandButton value="Cancel" onclick="composeDlg.hide()"
						type="button" />
				</p:panel>
			</h:form>

		</p:dialog>


		<p:growl id="msg" />
	</h:body>

</f:view>
</html>